<template>
	<view class="content_box">
		<view class="content_box_right">
			<view class="" v-if="manageDev.length > 0">
				<view class="content_box_right_ul my-mgt-15 my-pdl-15" v-for="(item,index) in manageDev" :key="index" @click="gotrans(item.brandId,item.brandName)">
					<view class="li">
						<view class="li_txt">{{item.brandName}}({{item.total||0}})</view>
						<view class="li_num my-mgt-10">
							<view class="my-mgr-15">已激活 {{item.activationTotal||0}}</view>
							<view class="">未激活 {{item.notActivationTotal||0}}</view>
						</view>
					</view>
					<view class="">
						<image :src="item.imgUrl" mode="" style="width: 116rpx;height: 116rpx;"></image>
					</view>
				</view>
			</view>
			<view style="line-height: 300rpx;text-align: center;" v-else>暂无数据</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		name:"management",
		props:{
			manageDev:Array
		},
		data() {
			return {
				
			};
		},
		methods:{
			gotrans(id,name){
				uni.navigateTo({
					url:`/pages/main/childPages/transferEq?brandId=${id}&brandName=${name}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content_box {
		width: 100%;
		height: 990rpx;
		.content_box_right{
			width: 560rpx;
			height: auto;
			min-height: 990rpx;
			.content_box_right_ul{
				width: 520rpx;
				height: 150rpx;
				margin: auto;
				background: #FAFAFA;
				border-radius: 5rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.li{
					.li_txt{
						font-size: 30rpx;
						font-weight: bold;
						color: #4C3E35;
					}
					.li_num{
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 24rpx;
						font-weight: 400;
						color: #000000;
					}
				}
			}
		}
	}
</style>
